header {
    position: absolute;
    width: 100%;
    z-index: 5;

}

header .container {
    padding: 40px 0
}

.logo {
    float: left;
    line-height: 74px;
}

.logo img:nth-child(2) {
    display: none
}

.header_right {
    float: right;
}

.header_right>* {
    display: inline-block;
    vertical-align: middle
}

.nav>ul>li {
    display: inline-block;
    color: #fff;
}

.nav>ul>li>a {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 0 30px;
}

.nav>ul {
    display: block;
}



.nav>ul>li:last-child {
    font-size: 0
}

.search {
    white-space: nowrap;
    cursor: pointer;
}

.search h6 {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.search form {
    display: inline-block;
    vertical-align: middle
}

.search button {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    pointer-events: none
}

.search button:hover {
    color: #2d44a2
}

.search.ac button {
    pointer-events: visible
}

.search input {
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    border-bottom: 1px solid #2d44a2;
    margin-left: 0;
    width: 0;
    overflow: hidden;
    height: 40px;
    line-height: 40px
}

.search.ac input {
    width: 120px;
    margin-left: 5px
}

.search input::-webkit-input-placeholder {
    color: #fff
}

.search input::-ms-input-placeholder {
    color: #fff
}

.yuyan a {
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase
}

.header_btn {
    cursor: pointer;
    /* pointer-events: none */
}

.header_btn.poin {
    pointer-events: visible
}

.header_btn span {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    display: inline-block;
    position: relative;
}

.header_btn span font {
    width: 80%;
    height: 80%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    border-radius: 50%
}

.header_btn i {
    display: block;
    margin: 5px auto 0;
    /* transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); */
    font-size: 44px;
    color: #2d711e;
    text-align: center
}

.header_btn:hover i {
    /* transform: translateY(-50%) translateX(-50%)  rotate(360deg);
    -ms-transform: translateY(-50%) translateX(-50%)  rotate(360deg);
    -webkit-transform: translateY(-50%) translateX(-50%)  rotate(360deg); */
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.gray .nav>ul>li>a,
.gray .search h6,
.gray .search button,
.gray .yuyan a,
.gray .nav>ul>li {
    color: #666666
}

.gray .logo img:nth-child(2) {
    display: inline-block
}

.gray .logo img:nth-child(1) {
    display: none
}

.gray .header_btn span font {
    background: #2d711e
}

.gray .header_btn span font i {
    color: #fff
}

.header_btn.ac span font {
    background: #31347a
}

.header_btn.ac i {
    color: #fff
}

footer {
    padding: 75px 0 0;
    text-align: justify;
    text-align-last: justify;
    border-top: 4px solid #2d44a2;
    text-align: Justify;
    text-justify: inter-ideograph;
    text-align: Justify;
    text-justify: inter-ideograph
}

footer .container>* {
    vertical-align: top
}

.f_logo {
    vertical-align: top;
    display: inline-block;
    text-align: left;
    text-align-last: left;
    /* width: 13.75% */
}

.share {
    margin-top: 25px
}

.share a {
    background-image: none !important;
    padding-left: 0 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50%;
    border: 1px solid #cecece;
    text-align: center !important;
    text-align-last: center !important;
    line-height: 38px !important;
    font-size: 20px !important;
    color: #cecece !important;
    margin-right: 15px !important
}

.share a:hover {
    color: #2d44a2 !important;
    border-color: #2d44a2
}

.f_nav {
    display: inline-block;
    width: 23.125%;
    text-align: left;
    text-align-last: left;
}

.f_nav a {
    display: inline-block;
    margin-right: 40px;
    font-weight: bold;
    color: #414141;
    margin-bottom: 20px
}

.f_nav a:nth-child(4n) {
    margin-right: 0
}

.f_ewm {
    display: inline-block;
    text-align: center;
    text-align-last: center;
}

.f_add {
    display: inline-block;
    text-align: left;
    text-align-last: left;
}

.f_add h2 {
    color: #2eb6e9;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px
}

.f_add h2 i {
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -4px
}

.f_add p {
    color: #636363;
    line-height: 30px
}

.f_ewm h6 {
    display: inline-block;
    vertical-align: middle;

}

.f_ewm h6 span {
    color: #636363
}

.f_ewm h6 i {
    display: block;
    font-size: 26px;
    margin: 0 auto 8px;
    color: #d6d6d6
}

.f_ewm img {
    border: 1px solid #e6e6e6;
    margin-left: 12px;
    width: 114px
}

.copyright {
    padding: 22px 0;
    background: #2d44a2;
    text-align: left;
    text-align-last: left;
    margin-top: 85px
}

.copyright p {
    float: left;
    color: #fff;
}

.link {
    float: right;
    color: #fff;
    font-size: 14px
}

.link a {
    color: #fff;
}

.link a:hover {
    opacity: .8;
}

.return_top {
    position: absolute;
    right: 0;
    top: 75px;
    width: 60px;
    text-align: center;
    text-align-last: center;
    background: #4facef;
    padding: 30px 0 25px;
    cursor: pointer;
}

.return_top span {
    color: #fff;
    display: block;
    font-size: 20px;
}

footer {
    position: relative;
}

.return_top:hover {
    background: #2d44a2
}

.nav>ul>li>a:hover,
.gray .nav>ul>li>a:hover {
    color: #7bbb29
}

.btn {
    float: right;
    background: transparent;
    margin-top: 14px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 3px;
    box-sizing: border-box;
    padding-top: 2px;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 555;
    display: none;
    margin:10px 5% 0
}

.btn i {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 3px;
    background: #fff;
    margin-top: 5px;
    border-radius: 5px;
}
.gray .btn i{
    background: #282828
}
/* .btn i:nth-child(1) {
    transition: 0.4s ease-in-out 0.3s;
}

.btn i:nth-child(2) {
    transition: 0.4s ease-in-out;
}

.btn i:nth-child(3) {
    transition: 0.4s ease-in-out 0.3s;
} */

.btn.active i:nth-child(1) {
    transform: rotate(45deg) translateY(5px) translateX(6px);
}

.btn.active i:nth-child(2) {
    transform: translateX(40px);
    opacity: 0;
}

.btn.active i:nth-child(3) {
    transform: rotate(-45deg) translateY(-6px) translateX(5px);
}

.btn:hover i {
    background: #2d711e;
}